 body {
     font-family: '微软雅黑';
 }
 
 h2,
 h3 {
     font-weight: 700;
 }
 
 img {
     display: inline-block;
 }
 
 a {
     text-decoration: none !important;
 }
 /* nav */
 
 .navbar-default {
     background-color: #fff;
     border: none;
     box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.2);
 }
 
 .navbar-default .navbar-brand {
     height: 70px;
     line-height: 35px;
     font-size: 30px;
     font-weight: bolder;
     color: #40D2B1;
 }
 
 .navbar-default .navbar-nav>li>a {
     font-size: 16px;
     font-weight: bold;
     line-height: 35px;
 }
 
 .navbar-toggle {
     margin-top: 17px;
 }
 /* home */
 
 #home {
     width: 100%;
     margin-top: 70px;
     color: #fff;
     text-align: center;
     background: url(../images/home-bg.jpg) no-repeat;
     background-size: cover;
 }
 
 .filter {
     width: 100%;
     height: 100%;
     padding: 90px 0;
     background-color: rgba(0, 0, 0, .6);
 }
 
 .filter h2 {
     margin-top: 0;
     margin-bottom: 25px;
 }
 
 .filter p {
     line-height: 35px;
     font-weight: 400;
 }
 
 .filter img {
     margin-top: 30px;
 }
 /* forum */
 
 #forum {
     padding: 80px 0;
     text-align: center;
 }
 
 #forum .col-md-4 {
     padding: 15px;
 }
 
 #forum .col-md-4:hover {
     padding: 15px;
     background: #f1f1f1;
     box-shadow: 1px 1px 3px #ccc;
     border-radius: 10px;
 }
 
 #forum a {
     color: #333;
 }
 
 #forum img {
     margin: auto;
 }
 
 #forum h3 {
     font-weight: 700;
 }
 /* HTML5 */
 
 #html5,
 #bootstrap,
 #course,
 #app,
 .contact-bj {
     padding: 80px 0;
 }
 
 #html5 {
     background-color: #f1f1f1;
 }
 
 #html5 .icon,
 #bootstrap .icon {
     width: 35px;
     height: 35px;
     line-height: 35px;
     margin-right: 15px;
     background-color: #40D2B1;
     text-align: center;
     color: #fff;
     border-radius: 50%;
 }
 
 #html5 p {
     line-height: 40px;
 }
 /* Bootstrap */
 
 #bootstrap p {
     line-height: 25px;
 }
 /* course */
 
 #course {
     background-color: #f1f1f1;
     text-align: center;
     padding-bottom: 40px;
 }
 
 #course .title {
     padding-bottom: 40px;
 }
 
 .cour-ccont {
     margin-top: 20px;
     background-color: #fff;
     box-shadow: .5px .5px 2px rgba(50, 50, 50, .4);
 }
 
 .cour-ccont img {
     width: 100%;
 }
 
 #course .btn {
     margin-top: 20px;
     margin-bottom: 30px;
     padding: 10px 40px;
     background: transparent;
     border: 1px solid #40D2B1;
     color: #40D2B1;
     transition: all .3s;
 }
 
 #course .btn:hover {
     background-color: #40D2B1;
     color: #fff;
 }
 /* page */
 
 .page {
     margin-top: 40px;
 }
 
 .pagination>li>a {
     color: #333;
 }
 
 .pagination .active a {
     background-color: #40D2B1 !important;
     border-color: #40D2B1;
 }
 
 .pagination .active a:hover {
     border-color: #40D2B1;
     background-color: #fff !important;
     color: #40D2B1;
 }
 /* app */
 
 #app .title {
     font-weight: 700;
 }
 
 #app .content {
     margin: 25px 0;
     line-height: 20px;
     font-size: 12px;
     color: #999;
 }
 
 #app .btn {
     padding-left: 30px;
     padding-right: 30px;
     background-color: #40D2B1;
     border-radius: 0;
     border-color: #40D2B1;
     color: #fff;
     transition: all .3s;
 }
 
 #app .btn:hover {
     background-color: rgb(44, 142, 120);
 }
 /*contact*/
 
 #contact {
     height: 500px;
     background: url("../images/contact-bg.png") no-repeat;
     background-size: cover;
     color: #fff;
 }
 
 .contact-bj {
     height: 100%;
     background: rgba(0, 0, 0, .6);
 }
 
 #contact .title {
     font-weight: 700;
     margin-top: 0;
     margin-bottom: 25px;
 }
 
 #contact p {
     line-height: 25px;
     margin-bottom: 20px;
 }
 
 #contact .form-control {
     height: 50px;
     border: none;
     border-radius: 0;
     margin-bottom: 20px;
 }
 
 .cont {
     height: 120px !important;
     resize: none;
 }
 
 #contact textarea.form-control {
     height: auto;
 }
 
 #contact input[type="submit"] {
     background-color: #40D2B1;
     color: #fff;
     font-weight: 700;
     transition: all .3s;
 }
 
 #contact input[type="submit"]:hover {
     background: rgb(44, 142, 120);
 }
 /* footer */
 
 #footer {
     padding: 20px 0;
     font-weight: 400;
     text-align: center;
 }